<!DOCTYPE html>
<html>
<head>
  <title>Codimension Python IDE - Home</title>
  <meta charset="utf-8">
  <meta name="Author" content="Sergey Satskiy">
  <meta name="description" content="Codimension is a Python IDE with a focus on graphics representation of the control flow">
  <meta name="keywords" content=
  "codimension,python,ide,flowchart,analysis,linux,open source,free software,libre software,libre,freedom,diagram,flowchart,software,download,platform,ubuntu,fedora,debian,documentation,screenshots,home,homepage">
  <link rel="apple-touch-icon" sizes="144x144" href="assets/cdm/images/apple-touch-icon-144x144.png">
  <link rel="apple-touch-icon" sizes="114x114" href="assets/cdm/images/apple-touch-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="72x72" href="assets/cdm/images/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="57x57" href="assets/cdm/images/apple-touch-icon-57x57.png">
  <link rel="shortcut icon" type="image/png" href="assets/cdm/images/cdm-logo-64x64.png">
  <link rel="stylesheet" type="text/css" href="assets/cdm/css/main.css">
  <link rel="stylesheet" type="text/css" href="assets/cdm/css/text.css">
  <link rel="stylesheet" type="text/css" href="assets/cdm/css/flexslider.css">
  <script type="text/javascript" src="assets/cdm/js/jquery.min.js"></script>
  <script type="text/javascript" src="assets/cdm/js/flexslider.min.js"></script>
  <script type="text/javascript" src="assets/cdm/js/github.commits.widget.js"></script>
</head>
<body id="page-" class="">
  <div class="header">
    <div id="cleartop">
      <div id="logo">
        <a href="index.htm"><img src="assets/cdm/images/cdm-label.svg" height="64" alt="Codimension"></a>
      </div>
      <div id="header-right">
        <ul id="topdrops">
          <h2 style="border-bottom: 1px solid #ddd; font-size: 140%; font-weight: normal; margin: 1.5ex 0 0.5ex;">English</h2>
        </ul>
          <!--
            <form id="topsearch" action="search-results.html" method="get">
            <input type="text" name="search" id="q" placeholder="Search">
            <button type="submit"><img src="/assets/cdm/images/search.svg" alt="Search"/></button>
            </form>
          -->
      </div>
    </div>
    <div class="nav">
      <ul id="menu">
        <li class="child selected">
          <a href="index.htm">Home</a>
        </li>
        <li class="child">
          <a href="about/index.htm">About</a>
          <ul>
            <li class="child">
              <a href="about/features.html">Features</a>
            </li>
            <li class="child">
              <a href="about/screenshots.html">Screenshots</a>
            </li>
            <li class="child">
              <a href="about/team.html">Team</a>
            </li>
          </ul>
        </li>
        <li class="child">
          <a href="download/index.htm">Download</a>
          <ul>
            <li class="child">
              <a href="download/linuxdownload.html">Linux and Mac Download and Installation</a>
            </li>
            <li class="child">
              <a href="download/sourcedownload.html">Download Source Code</a>
            </li>
            <li class="child">
              <a href="download/runfromgit.html">Building and Running from Source</a>
            </li>
          </ul>
        </li>
        <li class="child">
          <a href="documentation/index.htm">Documentation</a>
          <ul>
            <li class="child">
              <a href="documentation/visualization-technology/index.htm">Visualization Technology</a>
            </li>
            <li class="child">
              <a href="documentation/faq.html">FAQ</a>
            </li>
            <li class="child">
              <a href="documentation/cheatsheet.html">Key Bindings & Cheatsheet</a>
            </li>
            <li class="child">
              <a href="documentation/pluginstutorial.html">Plugins Tutorial</a>
            </li>
            <li class="child">
              <a href="documentation/cdmpyparser.html">Brief Python Parser</a>
            </li>
            <li class="child">
              <a href="documentation/cdmflowparser.html">Control Flow Parser</a>
            </li>
            <li class="child">
              <a href="documentation/codimension-ide-architecture.html">Architecture</a>
            </li>
          </ul>
        </li>
        <li class="child">
          <a href="contribute/index.htm">Contribute</a>
          <ul>
            <li class="child">
              <a href="contribute/codingcontribute.html">Via Working with Code</a>
            </li>
            <li class="child">
              <a href="contribute/noncodingcontribute.html">Non-Coding</a>
            </li>
          </ul>
        </li>
        <li class="child">
          <a href="supportus.html">Support Us</a>
        </li>
      </ul>
    </div>
  </div>
  <div class="flexslider">
    <ul class="slides">
      <li>
        <img src="assets/cdm/images/homepage/overall.png">
        <p class="flex-caption">Diagrams are generated while you are typing</p>
      </li>
      <li>
        <img src="assets/cdm/images/homepage/customize.png">
        <p class="flex-caption">Customize your diagrams</p>
      </li>
      <li>
        <img src="assets/cdm/images/homepage/analysis.png">
        <p class="flex-caption">Analyze existing projects using diagrams</p>
      </li>
      <li>
        <img src="assets/cdm/images/homepage/documentation.png">
        <p class="flex-caption">Use the generated diagrams in your documentation</p>
      </li>
    </ul>
  </div>
  <div id="columns">
    <div class="column">
      <h1>Welcome</h1>
      <h2>Do you like the diagrams as we do?</h2>
      <p>If yes, then you are at the right place!</p>
      <p align="justify">Codimension is an experimental Python 3<sup>*</sup> IDE which focuses on smooth integration of the traditional text base development process with one involving graphics.</p>
      <p align="justify">The flowchart diagrams are generated so fast that they are updated while you are typing your code. Codimension detects a pause in typing and updates the diagram. Later you
      can analyze your own code (or somebody else's code) via looking at the diagram. You can also customize your diagrams:</p>
      <ul>
        <li>you can change colors of certain blocks to attract attention of the readers</li>
        <li>you can replace labels on the items with your own text</li>
        <li>you can switch location of the 'if' statement branches</li>
      </ul>
      <p>and more features are coming.</p>
      <p align="justify">You can export your diagrams in a few formats and use them in documentation. Moreover, using the feature of replacing labels you can easily generate a diagram for any logic
      and then have a nice printout to discuss it with those who do not understand coding at all.</p>
      <p align="justify">Codimension is an Open Source project so you can use it for free and join the project and implement the features you'd like to see or <a href="contribute/index.htm">help</a>
      some other way.</p>
      <p>Interested? Then take a look at the list of <a href="about/features.html">features</a> and <a href="download/index.htm">try it out</a>!</p><br>
      <p align="justify"><sup>* Python 2 is not supported anymore however the old python 2 packages are still available</sup></p>
    </div>
    <div class="column">
      <h1>Recent Activity</h1>
      <h2>Codimension IDE</h2>
      <div id="github-commits-cdm"></div>
      <h2>Python Parser</h2>
      <div id="github-commits-pyparser"></div>
      <h2>Control Flow Parser</h2>
      <div id="github-commits-flowparser"></div>
    </div>
  </div>
  <div class="footer">
    <table width="100%">
      <tr>
        <td>
          Codimension is Free and Open Source Software licensed under the <a href="http://www.gnu.org/licenses/gpl-3.0.html">GPL v3.0</a>
        </td>
        <td align="right">
          <a href="sitemap.html">Sitemap</a>
        </td>
      </tr>
    </table>
  </div>
  <script type="text/javascript">
        $(window).load(function(){
            $('.flexslider').flexslider({
                animation: "slide",
                start: function(slider){
                $('body').removeClass('loading');
            }
          });
        });
  </script> 
  <script type="text/javascript" src="assets/cdm/js/get.cdm.github.commits.js"></script>
</body>
</html>
